﻿<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>CSS修饰文本域及按钮</title>
    <style type="text/css">
      *{
       margin:0;
       padding:0;
       font-size:18px;
      }
      img{
      width:21px;
      height:21px;
     }
     a{
      height:30px;
      line-height:30px;
      padding-left:30px;
      color:ffa500;
      text-decoration:none;
      background:url(dote1.png) left center no-reoeat;
     }
    
     a:hover{
      font-size:14pt;
      color:#ffc0cb;
      text-decoration:underline;
      background:url(air.png) left center no-reoeat;
     }
 
     span{
      color:ffa500;
     }

    </style>
</head>
<body>
  <div style="display:inline-block">
    <a href="http://www.baidu.com/">我院成功举办2020年领导干部专题培训班</a>
     <span>2020年12月2日</span>
</div>
</body>
</html>